<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="en">
<head>
<title><spring:message code="system.name" /></title>
<!-- basic styles -->
<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome-ie7.min.css" />
<![endif]-->

<link rel="stylesheet" href="${ctx}/assets/css/jquery-ui-1.10.3.custom.min.css" />
<link rel="stylesheet" href="${ctx}/assets/css/chosen.css" />
<link rel="stylesheet" href="${ctx}/assets/css/datepicker.css" />
<link rel="stylesheet" href="${ctx}/assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
<link rel="stylesheet" href="${ctx}/assets/css/colorpicker.css" />

<!-- fonts -->
<link rel="stylesheet" href="${ctx}/assets/css/OpenSans.css" />

<!-- ace styles -->
<link rel="stylesheet" href="${ctx}/assets/css/ace.min.css" />
<link rel="stylesheet" href="${ctx}/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="${ctx}/assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
	<link rel="stylesheet" href="${ctx}/assets/css/ace-ie.min.css" />
<![endif]-->

<!-- ace settings handler -->
<script src="${ctx}/assets/js/ace-extra.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="${ctx}/assets/js/html5shiv.js"></script>
	<script src="${ctx}/assets/js/respond.min.js"></script>
<![endif]-->

<!-- basic scripts -->
<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery || document.write("<script src='${ctx}/assets/js/jquery-2.0.3.min.js'><script>");
</script>
<!-- <![endif]-->
<!--[if IE]>
<script type="text/javascript">
	window.jQuery || document.write("<script src='${ctx}/assets/js/jquery-1.10.2.min.js'><script>");
</script>
<![endif]-->

<script type="text/javascript">
	if ("ontouchend" in document)
        document.write("<script src='${ctx}/assets/js/jquery.mobile.custom.min.js'><script>");
</script>
<script src="${ctx}/assets/js/bootstrap.min.js"></script>
<script src="${ctx}/assets/js/typeahead-bs2.min.js"></script>

<!-- page specific plugin scripts -->
<!--[if lte IE 8]>
	<script src="${ctx}/assets/js/excanvas.min.js"></script>
<![endif]-->

<script src="${ctx}/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="${ctx}/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="${ctx}/assets/js/chosen.jquery.min.js"></script>
<script src="${ctx}/assets/js/fuelux/fuelux.spinner.min.js"></script>
<script src="${ctx}/assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="${ctx}/assets/js/date-time/bootstrap-timepicker.min.js"></script>
<script src="${ctx}/assets/js/date-time/moment.min.js"></script>
<script src="${ctx}/assets/js/date-time/daterangepicker.min.js"></script>
<script src="${ctx}/assets/js/bootstrap-colorpicker.min.js"></script>
<script src="${ctx}/assets/js/jquery.knob.min.js"></script>
<script src="${ctx}/assets/js/jquery.autosize.min.js"></script>
<script src="${ctx}/assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
<script src="${ctx}/assets/js/jquery.maskedinput.min.js"></script>
<script src="${ctx}/assets/js/bootstrap-tag.min.js"></script>

<!-- ace scripts -->
<script src="${ctx}/assets/js/ace-elements.min.js"></script>
<script src="${ctx}/assets/js/ace.min.js"></script>
</head>

<body>
	<div class="navbar navbar-default" id="navbar">
		<jsp:include page="/WEB-INF/decorators/navbar.jsp" />
	</div>
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span class="menu-text"></span> </a>
			<div class="sidebar" id="sidebar">
				<jsp:include page="/WEB-INF/decorators/sidebar.jsp" />
			</div>
			<div class="main-content">
				<div class="page-content">
					<div class="page-header">
						<h1>
							222
							<small> <i class="icon-double-angle-right"></i> 333 </small>
						</h1>
					</div>
					<!-- /.page-header -->
                    <decorator:body />
				</div>
			</div>
		</div>
	</div>
</body>
</html>
